import '../styles/ProjectLogCard.css'
const ProjectLogCard = () => {
  return (
    <div className="project-log-card">
      <h3 className="section-title">项目日志</h3>
      
      <div className="log-list">
        {/* 日志项 1 */}
        <div className="log-item">
          <div className="user-avatar">
            <img src="/tou1.png" alt="" className="avatar" />
          </div>
          <div className="log-content">
            <div className="user-info">
              <span className="username">张伟成</span>
              <span className="user-role">UI/UX 设计师</span>
            </div>
            <div className="log-action">
              <div className="action-tag">
                <i className="cloud-icon"></i>
                将思维导图任务的状态更新为进行中
              </div>
            </div>
          </div>
        </div>

        {/* 日志项 2 */}
        <div className="log-item">
          <div className="user-avatar">
            <img src="/tou1.png" alt="" className="avatar" />
          </div>
          <div className="log-content">
            <div className="user-info">
              <span className="username">段米丽</span>
              <span className="user-role">文案</span>
            </div>
            <div className="log-action">
              <div className="action-tag">
                <i className="attachment-icon"></i>
                添加到任务的文件
              </div>
            </div>
          </div>
        </div>

        {/* 日志项 3 */}
        <div className="log-item">
          <div className="user-avatar">
            <img src="/tou1.png" alt="" className="avatar" />
          </div>
          <div className="log-content">
            <div className="user-info">
              <span className="username">张伟成</span>
              <span className="user-role">UI/UX 设计师</span>
            </div>
            <div className="log-action">
              <div className="action-tag">
                <i className="cloud-icon"></i>
                将思维导图任务的状态更新为进行中
              </div>
            </div>
          </div>
        </div>
      </div>

      {/* 查看更多按钮 */}
      <button className="view-more-btn">
        查看更多
        <i className="arrow-down-icon"></i>
      </button>

      {/* 悬浮添加按钮 */}
      <button className="floating-add-btn">
        <i className="plus-icon">+</i>
      </button>
    </div>
  );
};

export default ProjectLogCard; 